<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <style>
body {
    font-family:arial; 
    font-size:12px;
}
 
#rnf-slideshow {
    list-style:none;
    width:320px;
    height:230px;
    overflow:hidden;
    position:relative;
}  
 
#rnf-slideshow li {
    position:absolute;
    left:0;
    right:0;
}
 
#rnf-slideshow li.show {
    z-index: 1;   
}
 
#rnf-slideshow-caption {
    width:320px;
    height:70px;
    bottom:0;
    left:0;
    color:#fff;
    background:#000;
    z-index:1;
    opacity: 0.7;
}
 
#rnf-slideshow-caption-container {
    padding:0px 10px;  
}
</style>

<script src="../../../jquery-1.6.4.js"></script>
</head>

<body>
<script>
$(function() {
    
    var SPEED = 9000;

    var all_li_elems = $('#rnf-slideshow li');

    var li_array = all_li_elems.slice(0, -1);
    var li_array_len = li_array.length;
    var current_no = 0;

    var caption_li = all_li_elems.slice(-1);
    var caption_h3 = $('h3', caption_li);
    var caption_p = $('p', caption_li);

    //все прозрачные кроме с классом 'show'
    li_array.each(function(i, elem) {
        if ( ! $(this).hasClass('show') ) {
            $(this).css('opacity', 0);
        }
    });

    function gallery() {
        
        var next_no = (current_no + 1) % li_array_len;
        var curr_li = $(li_array[current_no]);
        var next_li = $(li_array[next_no]);
        var next_title = next_li.find('img').attr('title');
        var next_desc = next_li.find('img').attr('alt');
        
        caption_li.slideUp(300, function () {
            
            next_li.css('opacity', 1);
            curr_li.animate({'opacity': 0}, 1000, function () {
                
                curr_li.removeClass('show');
                next_li.addClass('show');
                
                caption_h3.text(next_title);
                caption_p.text(next_desc);
                caption_li.slideDown(400);
                
                current_no = next_no;
                
                loop();
            });
        }); 
    }

    function loop () { setTimeout(gallery, SPEED); }
    loop(SPEED);
});
</script>

  <ul id="rnf-slideshow">
    <li class="show">
      <a href="/2011/10/russian-state.html">
        <img src="https://lh3.googleusercontent.com/-t1kicO7TIXQ/TxxLF1P3b6I/AAAAAAAAAj4/p-JRsRs_FVc/s320/vosstanovim.jpg" width="320" width="320" height="230" title="Хозяин вернулся" alt="Принципы восстановления Русской государственности"/>
      </a>
    </li>
    <li>
      <a href="/2011/10/land-for-nation-vs-nation-for-land.html">
        <img src="https://lh3.googleusercontent.com/-OdacgzGnJLE/Tykjlso_a4I/AAAAAAAAAkQ/JnOSUD6GJ7Y/s320/skot.jpg" width="320" width="320" height="230" title="Население для территории" alt="россияне это скот"/>
      </a>
    </li>
    <li>
      <a href="/2011/10/constitutional-bases-for-authorities-in.html">
        <img src="https://lh5.googleusercontent.com/-arQmrroED2E/TpVs2Y-CPvI/AAAAAAAAAV4/UWKwkvOeVac/s320/const-prav-bases-in-rf.png" width="320" height="230" title="Некоторые ровнее" alt="Конституционно-правовые основы власти в Российской Федерации"/>
      </a>
    </li>
    <li>
      <a href="/2011/09/blog-post.html">
        <img src="https://lh5.googleusercontent.com/-J_4y-eQAWds/TnXN0I_vUSI/AAAAAAAAAQM/jQ0clTcKosg/regnum.png" width="320" height="230" title="С.Колеров: Русская (контр)революция" alt="остается только один путь - объявить Россию в целом государством русских, и закрепить это в Конституции"/>
      </a>
    </li>
    <li>
      <a href="/2011/09/putin-about-wages.html">
        <img src="https://lh6.googleusercontent.com/-Wp8l-RtemoY/ToBI9U1IPjI/AAAAAAAAASc/PibpoZ7XpZc/MDF01063-pic4-452x302-99617_320x230.jpeg" width="320" height="230" title="Путин: зарплаты низкие из-за мигрантов" alt="миграционная политика направлена на снижение стоимости наёмного труда"/>
      </a>
    </li>
    <li>
     <a href="/2011/09/rnf-about-belgorod-events.html">
       <img src="https://lh4.googleusercontent.com/-3VKYDN1HaNU/TndxJuGmtuI/AAAAAAAAAQ4/nyrxxlrllKQ/vladimir.png" width="320" height="230" title="Белгород: заявление РНФ" alt="Требуется декриминализация мусульманских организаций." />
     </a>
   </li>
   <li>
      <a href="/2011/09/blog-post_15.html">
        <img src="https://lh6.googleusercontent.com/-i6amhAFlkn4/TnXN12flt3I/AAAAAAAAAQQ/TlFiD_tTMFQ/putin.png" width="320" height="230" title="Путина выставили на мороз?" alt="Олег Вендов: Путин проиграл в борьбе за партию власти"/>
      </a>
    </li>
    <li id="rnf-slideshow-caption">
      <div id="rnf-slideshow-caption-container" style="padding-left: 8px;">
        <h3 style="margin-top:6px; margin-bottom:8px;">Хозяин вернулся</h3>
        <p style="margin-top:4px; margin-bottom:3px;">Принципы восстановления Русской государственности</p>
      </div>
    </li>
  </ul>
</body>

</html>
